<template>
	<div class="home">
		<div class="input">
			<i class="iconfont icon-fangdajing"></i>
			<input type="text" placeholder="电影 | yjj | 牛叔说电影">
			<i class="iconfont icon-saoma"></i>
		</div>
		<div class="menu">
			<i class="iconfont icon-caidan1"></i>
			<i class="iconfont icon-xiaoxixinfengnews"></i>
		</div>
	</div>
</template>

<style lang="scss" scoped>
	.home {
		display: flex;
		padding: 0 10px;
		.input {
			display: flex;
			align-items: center;
			flex: 3;
			height: 30px;
			background-color: #F5F5F5;
			border-radius: 18px;
			input {
				width: 215px;
				height: 30px;
				border: 0;
				background-color: #F5F5F5;
				font-size: 12px;
				outline: none;
			}
			i {
				color: #aaa;
			}
			.icon-fangdajing {
				margin: 0 10px 0 13px;
				font-size: 14px;
			}
			.icon-saoma {
				font-size: 20px;
				margin-right: 10px;
			}
		}
		.menu {
			flex: 1;
			display: flex;
			align-items: center;
			i {
				margin: 0 7px;
				color: rgb(85, 85, 85);

			}
			.icon-caidan1 {
				margin-left: 13px;
				font-size: 22px;
			}
		}
}


</style>


<script>
export default {
	
}
</script>
